<template>
  <div id="app">
    <!-- keep-alive 当路由中的内容被加载过一次之后，就把路由中的内容之中，下一次再次进入路由时，不再重新渲染组件 -->
    <!-- 使用keep-alive时组件中会多出一个生命周期函数activated
      第二次进入页面时除了activated生命周期会执行，其他的生命周期钩子都不会再执行,可以利用acitcated函数对一些特殊数据进行处理
    -->
    <!--除了Detail页面，其他页面都会被缓存-->
    <keep-alive exclude="Detail">
      <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>

</style>
